<%-- 
    Document   : signIn.jsp
    Created on : 2008-11-8, 10:58:08
    Author     : Wan Ru
--%>

<%@page contentType="text/html" pageEncoding="UTF-8" import="java.util.*, Seity.*"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

<script language="javascript">
    <!--
        function checkForm()
        {
            if(document.CenterForm.myID.value == "")
                {
                    alert(" Please enter your User ID! ");    return false;
                }
            else if(document.CenterForm.myPasswd.value == "")
                {
                    alert(" Please enter your Password! ");  return false;
                }
           else { return true; } 
        }
    -->
</script>

<html>
<style type="text/css"><!--
  body,td,div,p,a,font,span {font-family: arial,sans-serif;}
  body {margin-top:2}.c {width:4; height: 4} 
  A:link {color:#0000cc; } 
  A:visited { color:#551a8b; }
  A:active { color:#ff0000; }
  .form-noindent {background-color: #ffffff; border: #C3D9FF 1px solid}
--></style>
<style type="text/css"><!--
.gaia.le.lbl { font-family: Arial, Helvetica, sans-serif; font-size: smaller; }
.gaia.le.val { font-family: Arial, Helvetica, sans-serif; font-size: smaller; }
.gaia.le.button { font-family: Arial, Helvetica, sans-serif; font-size: smaller; }  
--></style>
<head>
<title>Seity Accounts</title>
<style type="text/css"><!--
.body { margin-left: 3em;
		margin-right: 5em;
		font-family: arial,sans-serif; }

div.errorbox-good {}

div.errorbox-bad {} 

div.errormsg { color: red; font-size: smaller; font-family: arial,sans-serif;}
font.errormsg { color: red; font-size: smaller; font-family: arial,sans-serif;}

hr {
  border: 0;
  background-color:#DDDDDD;
  height: 1px;
  width: 100%;
  text-align: left;
  margin: 5px;
}

--></style>
</head>

<body dir="ltr"><div id="main">

<!--The banner table.-->
<table width="100%" border="0" cellpadding="2" cellspacing="0">

	<tr><td colspan="2"><img width="1" height="2" alt="" /></td></tr>
	
	<tr><td valign="top" width="1%"><img src='images/seity_account.jpg' border="0" align="left" alt="Seity" /></td>	
		<td valign="top">
			<table width="100%" border="0" cellpadding="0" cellspacing="0">
			<tr><td colspan="2"><img width="1" height="15" alt="" /></td></tr>
			<tr bgcolor="#3366cc"><td><img height="1" width="1" alt="" /></td></tr>
			<tr bgcolor="#e5ecf9">
				<td style="padding-left: 4px; padding-bottom:3px; padding-top:2px; font-family:arial,sans-serif;">
				<b>Seity Accounts</b></td>
			</tr>
			<tr><td colspan="2"><img width="1" height="5" alt="" /></td></tr>
			</table>
		</td>
	</tr>
	
</table>
<!--End of the banner table--><br>

<% //Test whether the user has signed in correctly.     
    Boolean check = (Boolean)session.getAttribute("signIn");
    if(check == null)
    {
%>        <b>Sign in to personalize your Seity experience.</b>  <%
    }
    else
    {
%>        <font size="+1" color="#FF0033" face="Times New Roman, Times, serif">  
     User ID and Password do not match! Try sign in again.</font>   <%
    }
%> 

<br/><br/>
Sign in below or <a href="createAccount.jsp">create one for free</a> using just an user id and password you choose.<br/><br/>

<!--The login table-->
<table width="22%" height="198" border="0" align="center" cellpadding="5" cellspacing="3" class="form-noindent">
 
 <!--The first row is mainly the Center table.-->
 <tr><td valign="top" style="text-align:center" nowrap="nowrap" bgcolor="#e8eefa">
	<div class="loginBox">
	
	<!--The SignIn form; go to the CheckSigninServlet if submitted.-->
        <form name="CenterForm" action="CheckSigninServlet" method="post" onsubmit="return checkForm()">
        <!--The Center table-->    
	<table height="168" border="0" align="center" cellpadding="1" cellspacing="0" id="gaia_table">
	
		<tr><td colspan="2" align="center"><font size="-1">Sign in with your  </font>
			<!--The Seity Account table-->
			<table><tr>
			<td valign="top"><img src="images/seity_tiny.jpg" alt="Seity"></img></td><td>&nbsp;</td>
			<td valign="middle"><font size="+0"><b>Account</b></font></td>
			</tr></table>
			<!--End of the Seity Account table-->
		</td></tr>
	
		<tr><td nowrap="nowrap"><div align="right">
		<span class="gaia le lbl">User ID:  </span></div></td>
		<td><input type="text" name="myID"  id="myID" size="18" value="" class='gaia le val'/></td></tr>
		
		<tr><td align="right">
		<span class="gaia le lbl">Password:  </span></td>
		<td><input type="password" name="myPasswd" id="myPasswd" size="18" class="gaia le val" /></td></tr>
		
		<tr><td>  </td>
		<td align="left">&nbsp;&nbsp;<input type="submit" class="gaia le button" name="signIn" value=" Sign in "/></td></tr>		
	
	</table>
        <!--End of the Center table-->
        </form>
	<!--End of the SignIn form-->
	
	</div>	
 </td></tr>

 <!--The second row is mainly the Register table-->
 <tr><td>
	<!--The register table-->
	<table class="form-noindent" border="0" cellpadding="6" cellspacing="3" width="100%">
	<tr><td bgcolor="#e8eefa" align="center" style="font-size:83%">
	<b>Don't have a Seity Account?</b><br/>
	<a href='createAccount.jsp' ><b>Create an account now</b></a>
	</td></tr>
	</table>
	<!--End of the register table.-->
 </td></tr>

</table>
<!--End of the login table-->




<br/><br/>
<style type="text/css"><!--
.footer { padding-right: 5px; 
	  padding-left: 5px; 
	  padding-bottom: 5px; 
	  padding-top: 5px; 
	  font-size: 83%;
	  border-top: #ffffff 1px solid; 
	  border-bottom: #ffffff 1px solid; 
	  background: #e5ecf9; 
	  text-align: center;
	  font-family: arial,sans-serif;
}
--></style>
<div class="footer" align="center">
<font color="#666666">&copy;2008 Seity</font>
-<a href='index.jsp'>Seity Home</a>
-<a href='https://www.google.com'>Go to Google</a>
-<a href='http://softcontest.cqu.edu.cn/softcontest/user/main.jsp'>Software Contest</a>
-<a href='aboutSeity.jsp'>About Seity</a>
</div>

</div></body>

</html>
